<template>
  <div class="index">
    <Header></Header>
    <Banner></Banner>
    <Position></Position>
    <Traditional></Traditional>
    <Qufu></Qufu>
    <Encymed></Encymed>
    <test></test>
    <Interr></Interr>
    <Foot></Foot>
  </div>
</template>
<script>
// @ is an alias to /src
import Qufu from "../components/Qufu.vue";
import Position from "../components/Position.vue";
import Traditional from "../components/Traditional.vue";
import test from "../components/test.vue";
import Header from "@/components/Header.vue";
import Banner from "@/components/Banner.vue";
import Foot from "@/components/Foot.vue";
import Encymed from "@/components/Encymed.vue";
import Interr from "@/components/Interr.vue";
export default {
  name: "Index",
  components: {
    Header,
    Banner,
    Foot,
    Encymed,
    Interr,
    Traditional,
    test,
    Position,
    Qufu,
  },
};
</script>
<style>
Interr {
  margin-top: 50rem;
}
</style>
